<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %> 
<!doctype html>
<html>
<head lang="en">
<%@ include file="../commoms/link.txt"%>
   <meta name="description" content="Index">
    <style type="text/css">
    .get {
        background: #1E5B94;
        color: #fff;
        text-align: center;
        padding: 100px 0;
    }
    
    .get-title {
        font-size: 200%;
        border: 2px solid #fff;
        padding: 20px;
        display: inline-block;
    }
    
    .get-btn {
        background: #fff;
    }
    
    .detail {
        background: #fff;
    }
    
    .detail-h2 {
        text-align: center;
        font-size: 150%;
        margin: 40px 0;
    }
    
    .detail-h3 {
        color: #1f8dd6;
    }
    
    .detail-p {
        color: #7f8c8d;
    }
    
    .detail-mb {
        margin-bottom: 30px;
    }
    
    .hope {
        background: #0bb59b;
        padding: 50px 0;
    }
    
    .hope-img {
        text-align: center;
    }
    
    .hope-hr {
        border-color: #149C88;
    }
    
    .hope-title {
        font-size: 140%;
    }
    
    .about {
        background: #fff;
        padding: 40px 0;
        color: #7f8c8d;
    }
    
    .about-color {
        color: #34495e;
    }
    
    .about-title {
        font-size: 180%;
        padding: 30px 0 50px 0;
        text-align: center;
    }
    
    .footer p {
        color: #7f8c8d;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        background: #2d3e50;
    }
    </style>
</head>

<body>
	<%@ include file="../commoms/Header.txt"%>
    <div class="get">
        <div class="am-g">
            <div class="am-u-lg-12">
                <h1 class="get-title">打造区域性兼职互助平台</h1>
                <p>
                    工资在线结算，随时结账随时提现 企业出现无故拖欠克扣，斗米第一时间全额垫付 斗米提供丰厚补贴，为你提供更好的工作体验
                </p>
                <p>
                    <a href="#" class="am-btn am-btn-sm get-btn">企业合作</a>
                </p>
            </div>
        </div>
    </div>
    <div class="detail">
        <div class="am-g am-container">
            <div class="am-u-lg-12">
                <h2 class="detail-h2">一个平台，两个角色、多样的生活!</h2>
                <div class="am-g">
                    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                        <h3 class="detail-h3">
            <i class="am-icon-mobile am-icon-sm"></i>
            为移动而生
          </h3>
                        <p class="detail-p">
                            红豆芝麻采用业内先进的 mobile first 理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
                        </p>
                    </div>
                    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                        <h3 class="detail-h3">
            <i class="am-icon-cogs am-icon-sm"></i>
            组件丰富，模块化
          </h3>
                        <p class="detail-p">
                            红豆芝麻含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Widgets，可快速构建界面出色、体验优秀的跨屏页面，大幅度提升你的开发效率。
                        </p>
                    </div>
                    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                        <h3 class="detail-h3">
            <i class="am-icon-check-square-o am-icon-sm"></i>
            本地化支持
          </h3>
                        <p class="detail-p">
                            相比国外的前端框架，Amaze UI 专注解决中文排版优化问题，根据操作系统调整字体，实现最佳中文排版效果；针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持，为你节省大量兼容性调试时间。
                        </p>
                    </div>
                    <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
                        <h3 class="detail-h3">
            <i class="am-icon-send-o am-icon-sm"></i>
            轻量级，高性能
          </h3>
                        <p class="detail-p">
                            Amaze UI 非常注重性能，基于轻量的 Zepto.js 开发，并使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让你的 Web 应用可以高速载入。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
 <%@ include file="../commoms/alert.txt"%>
    <footer class="footer">
        <p>© 2016 <a href="http://www.yunshipei.com" target="_blank">红豆芝麻, Inc.</a> Licensed under <a href="http://opensource.org/licenses/MIT" target="_blank">CQUT license</a>. by the CQUT Team.</p>
    </footer>

    <script type="text/javascript">

    $('#btnOK').click(function(){
        window.location.href = "Login.jsp";
      });
    $('#changecity').text(localCity);
    </script>
</body>

</html>
